@media only screen and (max-width:1600px) {
    .brandLogoContainer .owl-carousel .owl-item img {
        height: 90px;
    }
}

@media only screen and (max-width:1350px) {
    .brandLogoContainer .owl-carousel .owl-item img {
        height: 85px;
    }
}

@media only screen and (max-width:1230px) {
    .counterCol {
        padding: 0 10px;
    }

    .counterCard {
        padding: 15px;
    }

    .counterCard img {
        width: 55px;
    }

    .counterCard h4,
    .counterCard h4 span {
        font-size: 32px;
        line-height: 42px;
    }

    .sectionHeading h2 {
        font-size: 30px;
    }

    .aboutRightCol {
        padding-left: 35px;
    }

    .bakeryProductCol {
        padding: 0 10px;
    }

    .socialMediaCol {
        padding: 0 7.5px;
    }

    section.socialMediaSection {
        padding: 80px 0;
    }

    section.popularBrandSection {
        padding-top: 80px;
    }

    section.bakeryProductSection {
        padding: 80px 0;
    }

    section.aboutSection {
        padding: 80px 0;
    }

    .brandLogoContainer .owl-carousel .owl-item img {
        height: 80px;
    }

    .bannerColText {
        padding-right: 60px;
    }
}

@media only screen and (max-width:991px) {
    .counterCol {
        width: 50%;
        margin-bottom: 30px;
    }

    .aboutLeftCol {
        width: 100%;
    }

    .aboutRightCol {
        width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }

    section.aboutSection {
        padding: 30px 0 60px;
    }

    section.bakeryProductSection {
        padding: 60px 0 40px;
    }

    .bakeryProductCol {
        width: 50%;
        margin-bottom: 30px;
    }

    .sectionHeading h2 {
        font-size: 28px;
    }

    section.popularBrandSection {
        padding-top: 60px;
    }

    .sectionHeading {
        margin-bottom: 30px;
    }

    .brandLogoContainer {
        padding: 40px 0;
    }

    section.socialMediaSection {
        padding: 60px 0 40px;
    }

    .socialMediaCol {
        width: 50%;
        margin-bottom: 20px;
    }

    .bannerColText {
        padding-right: 30px;
    }

    .bannerText h1 {
        font-size: 40px;
        margin: 10px 0 30px;
    }
    
}

@media only screen and (max-width:767px) {

    body .bx-wrapper .bx-pager {
        padding: 0 20px 30px;
    }

    .bannerSocialIcon {
        padding-right: 20px;
    }

    .bannerSocialIcon ul li img {
        width: 40px;
    }

    .bannerText {
        margin: 0 auto;
    }

    .bannerText h1 {
        font-size: 36px;
        margin: 10px 0 35px;
    }

    section.counterSection {
        padding: 40px 0 0;
    }

    .brandLogoContainer .owl-carousel .owl-item img {
        height: 65px;
    }

    .bannerColText {
        width: 100%;
        justify-content: center;
        padding-right: 0;
        order: 2;
        padding: 50px 0 110px;
    }

    .bannerColImage {
        width: 100%;
        min-height: 495px;
        order: 1;
        padding: 0 70px;
    }

    body .bx-wrapper .bx-pager {
        top: unset;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }

    body .bx-wrapper .bx-pager-item {
        margin: 0 10px;
    }
    .bannerCol.bannerColImage.slideThree{
        background-image:url(../images/Map-mobile.png)!important;
    }

}

@media only screen and (max-width:600px) {
    .counterCol {
        width: 100%;
    }

    .bakeryProductCol {
        width: 100%;
    }

    .socialMediaCol {
        width: 100%;
    }
}